<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
    <form action="" method="post">
        <div class="text-c"> 创建日期：
            <input type="text" onfocus="select_time(this)" class="input-text Wdate" style="width:150px;" id="datemin" name="start_time" value="{$Request.param.start_time}">
            -
            <input type="text" onfocus="select_time(this)" class="input-text Wdate" style="width:150px;" id="datemax" name="end_time" value="{$Request.param.end_time}">
            <input type="text" class="input-text" style="width:250px" placeholder="输入管理员名称" id="username" name="username" value="{$Request.param.username}">
            <button type="submit" class="btn btn-success js_submit"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
        </div>
    </form>
    <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a href="javascript:;" onclick="admin_add('添加管理员','{:url('add')}','800','500')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加管理员</a></span> <span class="r">共<strong>54</strong> 条</span> </div>
    <table class="table table-border table-bordered table-bg">
        <thead>
        <tr>
            <th scope="col" colspan="9">管理员列表</th>
        </tr>
        <tr class="text-c">
            <th width="25"><input type="checkbox" name="" value=""></th>
            <th width="40">ID</th>
            <th width="150">登录名</th>
            <th width="150">昵称</th>
            <th width="150">登录次数</th>
            <th>创建时间</th>
            <th width="100">账号状态</th>
            <th width="100">操作</th>
        </tr>
        </thead>
        <tbody>
        {volist name="list" id="vo"}
        <tr class="text-c" data-id="{$vo['id']}">
            <td><input type="checkbox" value="{$vo['id']}" name=""></td>
            <td>{$vo['id']}</td>
            <td>{$vo['username']}</td>
            <td>{$vo['nickname']}</td>
            <td>{$vo['login_number']}</td>
            <td>{$vo['create_time']}</td>
            <td class="td-status">
                {if condition="$vo['status'] == 1"}
                <span class="label radius label-success">已启用</span>
                {else /}
                <span class="label radius">已停用</span>
                {/if}
            </td>
            <td class="td-manage">
                {if condition="$vo['status'] == 1"}
                <a title="停用" href="javascript:;" data-href="{:url('changeStatus')}" onClick="admin_stop(this)" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>
                {else /}
                <a title="启用" href="javascript:;" data-href="{:url('changeStatus')}" onClick="admin_start(this)" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>
                {/if}
                <a title="编辑" href="javascript:;" data-href="{:url('edit')}" onclick="admin_edit(this,'编辑','800','500')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                <a title="删除" href="javascript:;" data-href="{:url('delete')}" onclick="admin_del(this)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
        </tr>
        {/volist}
        </tbody>
    </table>
</div>

<!--请在下方写此页面业务相关的脚本-->
<script src="/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script src="/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script src="/admin/lib/laypage/1.2/laypage.js"></script>
<script>
    $(function(){
        //提交表单
        $(document).on('click', '.js_submit', function(e){
            $form = $(this).parents('form');
            $form.submit();
            return false;
        });
    });
    /*
        参数解释：
        title	标题
        url		请求的url
        id		需要操作的数据id
        w		弹出层宽度（缺省调默认值）
        h		弹出层高度（缺省调默认值）
    */
    /*管理员-增加*/
    function admin_add(title,url,w,h){
        layer_show(title,url,w,h);
    }
    /*管理员-删除*/
    function admin_del(obj){
        var sUrl = $(obj).attr('data-href');
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                type: 'POST',
                url: sUrl,
                data: {'id':$(obj).parents('tr').attr('data-id')},
                dataType: 'json',
                success: function(response){
                    if (response.code == 1) {
                        //删除成功
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!',{icon:1,time:1000});
                    }else{
                        layer.msg(response.msg,{icon:0,time:3000});
                    }
                },
                error:function(data) {
                    layer.msg('发送失败!',{icon:0,time:3000});
                },
            });
        });
    }

    /*管理员-编辑*/
    function admin_edit(obj,title,w,h){
        var sUrl = $(obj).attr('data-href');
        var id = $(obj).parents('tr').attr('data-id');
        layer_show(title,sUrl+'?id='+id,w,h);
    }
    /*管理员-停用*/
    function admin_stop(obj){
        layer.confirm('确认要停用吗？',function(index){
            var sUrl = $(obj).attr('data-href');
            $.ajax({
                type: 'POST',
                url: sUrl,
                data: {
                    'id': $(obj).parents('tr').attr('data-id'),
                    //停用
                    'status': '0'
                },
                success: function(response){
                    if (response.code == 1) {
                        //成功后的前台处理……
                        $(obj).parents("tr").find(".td-manage").prepend('<a title="启用" href="javascript:;" data-href="'+sUrl+'" onClick="admin_start(this)" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label radius">已停用</span>');
                        $(obj).remove();
                        //提示信息
                        layer.msg('已停用!',{icon: 5,time:1000});
                    }else{
                        layer.msg(response.msg,{icon:0,time:3000});
                    }
                },
                error: function(data){
                    layer.msg('发送失败！',{icon:0,time:3000});
                }
            });

        });
    }

    /*管理员-启用*/
    function admin_start(obj){
        layer.confirm('确认要启用吗？',function(index){
            var sUrl = $(obj).attr('data-href');
            $.ajax({
                type: 'POST',
                url: sUrl,
                data: {
                    'id': $(obj).parents('tr').attr('data-id'),
                    //启用
                    'status': '1'
                },
                success: function(response){
                    if (response.code == 1) {
                        //成功后的前台处理……
                        $(obj).parents("tr").find(".td-manage").prepend('<a title="停用" href="javascript:;" data-href="'+sUrl+'" onClick="admin_stop(this)" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
                        $(obj).remove();
                        layer.msg('已启用!', {icon: 6,time:1000});
                    }else{
                        layer.msg(response.msg,{icon:0,time:3000});
                    }
                },
                error: function(data){
                    layer.msg('发送失败！',{icon:0,time:3000});
                }
            });

        });
    }

    /* 通过js函数选择日期（解决与Thinkphp模版标签冲突） */
    function select_time(obj){
        var selected_time = $(obj).val();
        if (selected_time != '') {
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',maxDate:selected_time});
        }else{
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'});
        }
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->